﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ViewallProducts.aspx.cs"
    Inherits="TotalSport.ViewallProducts" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script>
        function hlt_showhide(EEE) {
            "use strict";
            var xxx = EEE.getAttribute('answer');
            var win_num = "win" + xxx;
            var e2 = document.getElementsByName(win_num);
            var countE2 = e2.length;

            for (var i = 0; i < countE2; i++) {
                e2[i].style.backgroundColor = (EEE.checked) ? "#FFCC66" : "#FFFFFF";
            }

            var ans_num = "ans" + xxx;
            var AAA = document.getElementById(ans_num);

            if (AAA !== null) {
                AAA.style.visibility = (EEE.checked) ? "visible" : "hidden";
            }
        }
</script>
<script language="javascript">
    row_no = 0;
    function addRow(tbl, row) {
        //row count
        row_no++;
        var tick = String(row_no);
        if (row_no < 20) {
            //Declaring text boxes
            var textbox = '<input type="text" size = "30"  maxlength= "30"  id=com' + tick + '>';
            //delete button
            var stop = '<input type="button" value="delete" onclick="deleteRow(this)" >';
            //Inserting textboxes into table cells
            var tbl = document.getElementById(tbl);
            var rowIndex = document.getElementById(row).value;
            var newRow = tbl.insertRow(row_no);
            var newCell = newRow.insertCell(0);
            newCell.innerHTML = textbox;
           var newCell = newRow.insertCell(0);
            newCell.innerHTML = stop;
        }
    }
    //Delete Function
    function deleteRow(r) {
        var i = r.parentNode.parentNode.rowIndex;
        document.getElementById('TableMain').deleteRow(i);
    }
</script> 
<style type="text/css"> .ansText {visibility: hidden} 
 </style> 

</head>
<body>
    <form id="form1" runat="server">
    <center>
        <div>
            <img src="Images/logoimg.bmp" width="650px" height="100px" />
        </div>
        <br />
        <div style="float: left; padding-right: 15px; margin-left: 600px">
            <asp:HyperLink ID="hyLink" runat="server" NavigateUrl="~/AddProducts.aspx">ADD Product</asp:HyperLink>
        </div>
        <div style="float: left">
            <asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl="~/SelectQuotes.aspx">Show all Quote</asp:HyperLink>
        </div>
        <br />
        <br />
        <table width="800px" border="1">
            <tr>
                <td colspan="2">
                    ALL Products
                </td>
            </tr>
            <tr>
                <td width="200px">
                    <table>
                        <tr>
                            <td align="left">
                                Select Category :
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <asp:DropDownList ID="ddlCategory" runat="server" AutoPostBack="true" AppendDataBoundItems="True"
                                    Height="25px" Width="190px">
                                    <asp:ListItem Text="---Select---"></asp:ListItem>
                                </asp:DropDownList>
                                <hr />
                            </td>
                        </tr>
                        <tr>
                            <td align="right">
                                SubCategory :
                            </td>
                            <td>
                                <asp:DropDownList ID="ddlsubCategory" runat="server" AppendDataBoundItems="True"
                                    AutoPostBack="True">
                                </asp:DropDownList>
                            </td>
                        </tr>
                        <tr>
                            <td align="right" width="150px">
                                Particulars Name :
                            </td>
                            <td>
                                <asp:DropDownList ID="ddlParticularName" runat="server" AppendDataBoundItems="True"
                                    AutoPostBack="True">
                                </asp:DropDownList>
                            </td>
                        </tr>
                        <tr>
                            <td align="right" valign="top">
                                Brand Name :
                            </td>
                            <td>
                                <asp:DropDownList ID="ddlBrandName" runat="server" AppendDataBoundItems="True" AutoPostBack="True">
                                </asp:DropDownList>
                            </td>
                            
                        </tr>
                    </table>
                </td><asp:DataList ID="DataList1" runat="server">
                
                            </asp:DataList>
        <td>
        </td>
        </tr>
        
        <tr><td>
        
        
<!-- Question 1 -->
Q1: 3 <span id="win1" name="win1"> 5 </span> 

<span id="win1" name="win1"> 10 </span> 

<span class="click"> Click</span> 

<input onclick="hlt_showhide(this)" type="checkbox" name=""  answer="1"> 



<!-- Answer 1 -->
A1: <span id="ans1" class="ansText"> revealed text refers to 2nd & 3rd highlighted numbers </span>
<hr id="q_a">

<!-- Question 2 -->
            
Q2: <span id="win2" name="win2"> 7 </span> 28 <span id="win2" name="win2"> 37 </span> 
<span class="click"> Click</span> 
<input onclick="hlt_showhide(this)" type="button" name="" answer="2" > 
<%--<asp:HyperLink ID="htperlink" runat="server" onclick="hlt_showhide(this)" name="aaa" answer="2" >more</asp:HyperLink>--%>

<!-- Answer 2 -->
A2: <span id="ans2" class="ansText"> revealed text refers to 1st & 3rd highlighted numbers</span>
<hr id="q_a">

        
        
        
        
        
        
        
        
        
        </td></tr> 
        
        <tr><td> 
        
        
        <table width="100%" >
<tr>
<td width = 80%>
<!--Form-->
<form name="invoice" method="post">
<b>Professional Experience</b>
</br>
</br>
<!--Main table-->
<table width="100%" border="0" cellspacing="0" cellpadding="2" id="TableMain">
<!--Headers-->
<th><center>Company</th>
<%--//<th>Position</th>
<th>From (mm/yy)</th>
<th>To(mm/yy)</th>--%>
<tr id="row1">
</tr>
</table>
</form></td>
<td valign="top" width = 20%>
<!--Add more button-->
</br></br></br>
<input type="button" name="Button" value="Add more" onClick="addRow('TableMain','row1')"></td>
</tr>
</table>      
        
        
        
        
        
        
        
        
        </td></tr></table>
    </center>
    </form>
</body>
</html>
